<div id="content" class="account">
    <h1><?=$data->TITLE?></h1>
    <h3><?=$data->DESCRIPTION?></h3>
    <div class="form">
        <form id="form" method="post" action="/json<?=PREFIX.'/'.APP.'/'.CMD?>">
            <div class="formLineLight">
                <label class="formLabel"><?=_('Email')?>:  </label><span class="input required">
                    <input id="email" name="email" type="text" tabindex="1" />
                </span>
            <span class="clear"></span>
            </div>
            <div class="formLineDark">
                <label class="formLabel"><?=_('Password')?>:  </label>
                <span class="input required">
                <input id="pass" name="pass" type="password" tabindex="2" /></span>
            <span class="clear"></span>
            </div>
            <div class="formLineLight">
                <label class="formLabel"><?=_('Confirm password')?>:  </label>
                <span class="input required"><input id="repass" name="repass" type="password" tabindex="3" /></span>
            <span class="clear"></span>
            </div>
            <div class="formLineDark">
                <label class="formLabel"><?=_('Full name')?>:  </label>
                <span class="input required"><input id="name" name="name" type="text" tabindex="4" /></span>
            <span class="clear"></span>
            </div>
            <div class="formLineLight">
                <label class="formLabel"><?=_('Sex')?>:  </label>
                <span class="select required">
                    <select id="sex" name="sex" tabindex="5">
                        <option value="female"><?=_('Female')?></option>
                        <option value="male"><?=_('Male')?></option>
                    </select>
                </span>
            <span class="clear"></span>
            </div>
            <div class="formLineDark">
                <label class="formLabel"><?=_('Birth date')?>:  </label>
                <span class="date required">
                    <select id="year" name="year" onchange="tool.setday('year','month','day');" tabindex="6">
                        <option><?=_('Year')?></option>
                    </select>
                    <select id="month" name="month" onchange="tool.setday('year','month','day');" tabindex="7">
                        <option><?=_('Month')?></option>
                    </select>
                    <select id="day" name="day" tabindex="8">
                        <option><?=_('Day')?></option>
                    </select>
                </span>
            <span class="clear"></span>
            </div>
            <div class="formLineLight">
                <label class="formLabel"><?=_('Security code')?>:  </label>
                <div class="captcha required">
                    <div><?=sprintf(_('to change the security code %s click here. %s'),'<a onclick="tool.newCaptcha();">','</a>')?></div>
                    <img id="captchaImg" src="/captcha.png" alt="captcha" />
                    <input id="captcha" name="captcha" type="text" tabindex="9" />
                    <div><?=_('security code is  not case sensitive.')?></div>
                </div>
            <span class="clear"></span>
            </div>
            <div class="formLineDark">
                <label class="formLabel">&nbsp;</label>
                <span class="textarea formLineWide">
                    <?=sprintf(_('By clicking %s you are indicating that you have read and agree to the %s and %s.')
                    ,'<strong>"'._('I accept, create my account.').'"</strong>'
                    ,'<a href="/'.LANG.'/account/terms" target="_blank">'._('Terms of use').'</a>'
                    ,'<a href="/'.LANG.'/account/privacy" target="_blank">'._('Privacy policy').'</a>')?>
                </span>
            <span class="clear"></span>
            </div>
            <div class="formLineLight">
                <span class="submit">
                    <span id="loader" class="loader"><img src="/themes/<?=THEME?>/images/loader.gif" alt="loader" /></span>
                    <input id="submit" class="submit" type="submit" value="<?=_('I accept, create my account.')?>" tabindex="10" />
                    <span class="clear"></span>
                </span>
            <span class="clear"></span>
            </div>
        </form>
    </div>
    <div class="clear"></div>
</div> 
<div id="aside"></div>
<script type="text/javascript">
tool.birthdate(<?=@date('Y')-18?>,<?=@date('Y')-88?>,'<?=$data->account->birthday?$data->account->birthday:'0000-00-00'?>');
tool.form();
</script>